feat(tasks): add calendar view for tasks (month / week / day)#178
feat(tasks): add calendar view for tasks (month / week / day)#178paryanineil wants to merge 1 commit into
Conversation
Adds a third view mode to the Tasks page (alongside list and kanban)
that lays tasks out on a calendar by their due date, with Month, Week,
and Day sub-modes.
- New TaskCalendar component with Month / Week / Day switcher:
- Month: full 6-week grid with "+N more" overflow per day
- Week: 7-day columns listing that day's tasks
- Day: single-day agenda with status and priority
- Mode-aware prev/next/today navigation, today highlighting, and a
tray listing tasks with no due date so none are hidden
- Calendar toggle button added to the Tasks view switcher
- Saveable as a named view: adds "calendar" to Hive View.view_type and
restores the mode from saved views and the sidebar
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
Can you please add screenshots / demo video? |
|
Thanks for taking a look! Screenshots of the three calendar modes below (seeded demo data): Month Week Day All three modes share the prev / next / Today navigation, today highlighting, and a "No due date" tray so undated tasks aren't hidden. The existing status / priority / project / assignee filters apply to the calendar, and clicking any task opens the existing Task Details sheet. Happy to record a short screen-capture video as well if that would be more useful. |
|
Note on the red Playwright E2E check — the two failures (
A re-run should clear those two. Happy to dig into the flakes separately if that's useful. |



Summary
Adds a Calendar view to the Tasks page, alongside the existing List and Kanban views. Tasks are laid out by their
due_date, with Month, Week, and Day sub-modes.What's included
TaskCalendarcomponent (frontend/src/components/TaskCalendar.tsx)+N moreoverflow per daydate-fns(already a dependency) and shadcnButton/BadgecalendartoHive View.view_type; the mode is restored from saved views and the sidebarNotes
Hive View.view_typeSelect field (list→list\nkanban\ncalendar).Testing
yarn buildpasses,tsc --noEmitclean, ESLint clean on the new component